Search

[WebTech #60] CSS > 3. CSS 語法 > 3-2 屬性(Properties)...

  • Share this:

[WebTech #60] CSS > 3. CSS 語法 > 3-2 屬性(Properties)

匹配規則(Selector)是骨,屬性(Properties)是肉!

剛剛提過 CSS 就是由大量的「匹配規則」(Selector,或譯「選擇器」)組成的。每個匹配規則大致都長成這樣:

匹配規則 {
屬性1:屬性值1;
屬性2:屬性值2;
...
}

範例如下:

a {
color: red;
font-size: large;
}

這會匹配 ... 之間的文字,然後把字體改大、套用紅色。如果您 30 幾種常用的匹配規則文法都學會了,那麼接下來就是該學 { ... } 之間的屬性了!如果屬性全會,那麼你的 CSS 就學完、沒啦! :-)

我個人會把這些屬性分為下列這幾類:

(1) 文字(Text):字型、字體、對齊、間隔、粗細、顏色...
(2) 邊框(Box)與表格(Table)
(3) 大小、距離、排版
(4) 照片、多媒體
(5) 型變、動畫

我先給大家看篇屬性的簡介,下午再提供每種屬性的細部講解給大家喔!

http://reference.sitepoint.com/css/propertyref

請由左手邊選單點擊您想看的主題,繼續點子選項閱讀即可。


Tags:

About author
not provided
由紀老師每天瀏覽 500+ 國內外「程式設計」文章後,挑出真正有用的文章,分享在此!堅持不貼「問安文」與「生活照」的園地(笑)。
View all posts